body{
    background-color: #ecf0f3;
}

.container-fluid{
    background-color: #ecf0f3;
    height: 100%;
}

.sidebar{
    width: 16%;
    padding: 0;
    background-color: #8BC6EC;
    background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%);
    height: 800px;
}

.sidebar img{
    margin-top: 55px;
}
.nav{
    padding-top: 36px;

}

ul li{
    margin: 0!important;
    height: 60px;
    background-color: rgba(233, 233, 255, .7);
    text-align: center;

}

li a{
    margin: 0!important;
    border-radius: 0!important;
    padding: 0;
    border: none;
    height: 100%;
    font-size: 16px;
    color: black;
    display: flex!important;
    justify-content: center;
    align-items: center;
}

.welcome{
    padding-top: 153px;
    font-size: 14px;
}

.personalinfo{
	height: 597px;
	margin-top: 40px;
}

.pscter{
	height:100px;
	margin-top: 80px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 36px;
	font-weight: bold;
}



.information{
	height: 520px;
	text-align: center;
	overflow:hidden;
	border-radius: 20px;
	background-color: #fff;
	margin-top: 20px;
}
/* .information td{
	border: 1px solid rgba(189, 187, 187, 0.904);
} */

tr td:nth-child(1){
	font-weight:bold;
}

.btn{
	width: 50%;
	height: 30px;
	text-align: center;
	background-color: #DEF;
	border:solid 1px skyblue;
	transition: 500ms;
	outline: none;
}
 
.btn:hover{
	background-color: #CDE;
}
	
.btn:active{
	background-color: #66CCFF;
	}
	
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
	outline: none; 
}
	